$(function(){
    //需求1：定义校验规则
    let form = layui.form
    form.verrify({
        nickname:[/^[\S]{1,10}$/,'昵称的长度为1-10字符！']
    })

    //需求2：渲染用户信息 封装函数 调用
    initUserInfo()
    function initUserInfo() {
        axios({
            method:'GET',
            url:'/my/userinfo'
        }).then(res=>{
            // console.log(res);
            //判断
            if(res.data.status !== 0){
                return layer.msg(res.data.message)
            }
            //为form表单赋值
            form.val('formUserInfo',res.data.data)
        })
    }

    //需求3：重置功能
    $('form').on("reset",function (e) {
        e.preventDefault()
        initUserInfo()
    })

    //需求4：修改用户信息
    $('form').on('submit',function (e) {
        e.preventDefault()
        axios({
            method:'POST',
            url:'/my/userinfo',
            data:$(this).serialize()
        }).then(res=>{
            if(res.data.status!== 0){
                return layer.msg(res.data.message)
            }
            //成功
            layer.msg('恭喜您，修改用户信息成功！')
            window.parent.getUserInfo()
        })
    })
})